<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="format-detection" content="telephone=no" />
    <title>区块链浏览器</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link rel="stylesheet" href="/css/style.css" />
    <link rel="stylesheet" href="/css/iconfont.css" />
    <link rel="stylesheet" href="/css/element-icons.css" />
    <link rel="stylesheet" href="/css/newiconfont.css" />
    <script src="/js/jquery.min.js"></script>
    <script src="/js/lib.js"></script>
    <!--[if lt IE 9]>
        <script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!--[if IE]>
        <link rel="stylesheet" href="css/all-ie-only.css" />
    <![endif]-->
</head>

<body class="bodyBg1">
    <div class="header3 innerHd fix">
        <div class="wp fix">
            <a href="/browser/home/index.html" class="header3-logo">
                <img src="/images/logo2.png" alt="" />
                <h2>区块链浏览器</h2>
            </a>
            <ul class="header3-nav">
                <li>
                    <a href="/browser/home/index.html">首页<i class="el-icon-arrow-down"></i></a>
                    <div class="header3-navsub"></div>
                </li>
                <li class="active">
                    <a href="javascript:void(0);">区块链<i class="el-icon-arrow-down"></i></a>
                    <div class="header3-navsub">
                        <div class="con">
                            <a href="/browser/blockChain/index.html">区块</a>
                            <a href="/browser/deal/index.html">交易</a>
                            <a href="/browser/bid/index.html">BID</a>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="javascript:void(0);">节点<i class="el-icon-arrow-down"></i></a>
                    <div class="header3-navsub">
                        <div class="con">
                            <a href="/browser/consensusNode/index.html">共识节点</a>
                            <a href="/browser/canstrustNode/index.html">可信节点</a>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="/browser/contract/index.html">合约<i class="el-icon-arrow-down"></i></a>
                    <div class="header3-navsub"></div>
                </li>
                <li>
                    <a href="http://www.sgcc.com.cn/" target="__black">关于我们<i class="el-icon-arrow-down"></i></a>
                    <div class="header3-navsub"></div>
                </li>
            </ul>
            <div class="header3-search">
                <form action="">
                    <input type="text" id="navSearchKey" class="inp" placeholder="地址/交易哈希/区块高度/区块哈希" />
                    <i class="el-icon-search" id="navSearchBtn"></i>
                    <a href="" id="searchLink" target="_black" style="display: none"><span>go</span></a>
                </form>
            </div>
            <div class="header3-btn">
                <ul class="header3-nav2">
                    <li>
                        <a href="">网络</a>
                        <div class="header3-navsub">
                            <div class="con">
                                <a href="">主网</a>
                                <a href="">测试网</a>
                            </div>
                        </div>
                    </li>
                    <li class="lang">
                        <a href="">语言</a>
                        <div class="header3-navsub">
                            <div class="con">
                                <a href="">汉语</a>
                                <a href="">英语</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="main mainInner">
        <div class="wp">
            <div class="inner-hd">
                <div class="title">BID详情</div>
            </div>
            <div class="detail-box1">
                <div class="detail1-hd border_bt">
                    <div class="title">用户BID：
                        <span class="js_copyInfo"><em><span id="bid"></span></em>
                            <i class="el-icon-copy-document" onclick="copy();"><a href="javascript:void(0);">复制</a></i>
                        </span>
                    </div>
                </div>
                <div class="detail-content">
                    <div class="detail1-avatar">
                        <div class="con">
                            <img src="/images/avatar.png" alt="" />
                        </div>
                    </div>
                    <div class="detail1-list">
                        <div class="item">
                            <div class="tit">昵称</div>
                            <div class="con" id="name"></div>
                        </div>
                        <div class="item">
                            <div class="tit">用户类型</div>
                            <div class="con" id="userType"></div>
                        </div>
                        <!-- <div class="item">
                            <div class="tit">余额</div>
                            <div class="con" id="balance"></div>
                        </div>
                        <div class="item">
                            <div class="tit">总交易数</div>
                            <div class="con" id="txCountTotal"></div>
                        </div> -->
                        <div class="item">
                            <div class="tit">部署的合约数</div>
                            <div class="con" id="contractCount"></div>
                        </div>
                        <div class="item">
                            <div class="tit">BID创建时间</div>
                            <div class="con" id="createTime"></div>
                        </div>
                        <div class="item">
                            <div class="tit">拥有节点数</div>
                            <div class="con" id="nodeCount"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tabrel02 js-tabs js-anim" data-modulename="tabrel02">
                <ul class="tabrel02-tit">
                    <li class="tabrel02-item tabrel02-item__on"><span class="subitem">交易列表</span></li>
                    <li class="tabrel02-item"><span class="subitem">部署的合约</span></li>
                    <li class="tabrel02-item"><span class="subitem">BID文档</span></li>
                    <li class="tabrel02-item"><span class="subitem">节点列表</span></li>
                </ul>
                <div class="tabrel02-desc">
                    <div class="tabrel02-item tabrel02-item__on">
                        <div class="table-5">
                            <table style="width: 1140px;">
                                <colgroup>
                                    <col width="225">
                                    <col width="100">
                                    <col width="100">
                                    <col width="225">
                                    <col width="225">
                                    <col width="100">
                                    <col width="165">
                                </colgroup>
                                <thead>
                                    <tr>
                                        <th>交易哈希</th>
                                        <th>交易类型</th>
                                        <th>区块高度</th>
                                        <th>发送者/调用者</th>
                                        <th>接收者/合约地址</th>
                                        <th>交易总额</th>
                                        <th>打包时间</th>
                                    </tr>
                                </thead>
                                <tbody id="tradeTbody"></tbody>
                            </table>
                            <div class="none-data" id="emptyTrade"></div>
                        </div>
                        <div class="pages pages2 pages-center">
                            <ul id="pageList_trade"></ul>
                            <div class="pages-go">
                                跳转至第
                                <input type="number" value="1" class="input-inner" id="pageJumpInput_trade" />
                                页
                                <div class="btn" id="pageJumpBtn_trade">确定</div>
                            </div>
                        </div>
                    </div>
                    <div class="tabrel02-item">
                        <div class="table-5">
                            <table>
                                <colgroup>
                                    <col width="48">
                                    <col width="273">
                                    <col width="273">
                                    <col width="273">
                                    <col width="273">
                                </colgroup>
                                <thead>
                                    <tr>
                                        <th>序号</th>
                                        <th>合约名称</th>
                                        <th>合约地址</th>
                                        <th>调用总数</th>
                                        <th>创建时间</th>
                                    </tr>
                                </thead>
                                <tbody id="deployedTbody"></tbody>
                            </table>
                            <div class="none-data" id="emptyDeployed"></div>
                        </div>
                        <div class="pages pages2 pages-center">
                            <ul id="pageList_deployed"></ul>
                            <div class="pages-go">
                                前往
                                <input type="number" value="1" class="input-inner" id="pageJumpInput_deployed" />
                                页
                                <div class="btn" id="pageJumpBtn_deployed">确定</div>
                            </div>
                        </div>
                    </div>
                    <div class="tabrel02-item">
                        <div class="tabrel02-box">
                            <div class="con" id="bidContext">
                                <p>暂无数据</p>
                            </div>
                        </div>
                    </div>
                    <div class="tabrel02-item">
                        <div class="table-5">
                            <table>
                                <colgroup>
                                    <col width="48">
                                    <col width="220">
                                    <col width="218">
                                    <col width="218">
                                    <col width="218">
                                    <col width="218">
                                </colgroup>
                                <thead>
                                    <tr>
                                        <th>序号</th>
                                        <th>节点名称</th>
                                        <th>节点BID</th>
                                        <th>状态</th>
                                        <th>地区</th>
                                        <th>申请时间</th>
                                    </tr>
                                </thead>
                                <tbody id="nodeTbody"></tbody>
                            </table>
                            <div class="none-data" id="emptyNode"></div>
                        </div>
                        <div class="pages pages2 pages-center">
                            <ul id="pageList_node"></ul>
                            <div class="pages-go">
                                前往
                                <input type="number" value="1" class="input-inner" id="pageJumpInput_node" />
                                页
                                <div class="btn" id="pageJumpBtn_node">确定</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer3">
        <div class="wp">
            <div class="footer3-link">
                <div class="item">
                    <h4>区块链</h4><em>/</em>
                    <a href="/browser/blockChain/index.html">区块</a>
                    <a href="/browser/deal/index.html">交易</a>
                    <a href="/browser/bid/index.html">BID</a>
                </div>
                <div class="item">
                    <h4>节点</h4><em>/</em>
                    <a href="/browser/consensusNode/index.html">共识节点</a>
                    <a href="/browser/canstrustNode/index.html">可信节点</a>
                </div>
                <div class="item">
                    <a href="http://www.sgcc.com.cn/" target="__black">关于我们</a>
                </div>
            </div>
            <div class="footer3-copy">
                <p>Copyright © 2016-2021 北京泰尔英福网络科技有限责任公司 京ICP备18017811号-1</p>
            </div>
        </div>
    </div>
    <div class="pop-bg"></div>
    <!-- 合约禁用弹窗 -->
    <div class="m-pop" id="pop-heyuejinyong">
        <div class="win-pop1">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>合约禁用</h3>
            </div>
            <div class="win1-bd">
                <div class="win1-item">
                    <div class="tit">禁用原因<span>*</span></div>
                    <div class="con">
                        <input type="text" class="input-inner" />
                    </div>
                </div>
            </div>
            <div class="win-bt">
                <a href="javascript:;" class="js-btn"><span>取 消</span></a>
                <a href="" class="primary-btn"><span>确 定</span></a>
            </div>
        </div>
    </div>
    <!-- 合约禁用弹窗 end -->
    <!-- 撤销弹窗 -->
    <div class="m-pop" id="pop-chexiaozhengshu">
        <div class="win-pop1">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>撤销</h3>
            </div>
            <div class="win1-bd">
                <div class="win1-item">
                    <div class="tit">撤销原因:</div>
                    <div class="con">
                        <textarea class="textarea-inner" placeholder="请输入撤销原因"></textarea>
                    </div>
                </div>
            </div>
            <div class="win-bt">
                <a href="" class="primary-btn"><span>提交</span></a>
                <a href="javascript:;" class="js-btn"><span>返回</span></a>
            </div>
        </div>
    </div>
    <!-- 撤销弹窗 end -->
    <!-- 禁用弹窗 -->
    <div class="m-pop" id="pop-jinyong">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>提示</h3>
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="icon_dn el-icon-info"></div>
                    <div class="desc">
                        <p>您确定要禁用标识吗？</p>
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 禁用弹窗 end -->
    <!-- 启用弹窗 -->
    <div class="m-pop" id="pop-qiyong">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>提示</h3>
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="icon_dn el-icon-info"></div>
                    <div class="desc">
                        <p>您确定要启用标识吗？</p>
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 启用弹窗 end -->
    <!-- 下载KeyStore -->
    <div class="m-pop" id="pop-xiazaiKeyStore">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>提示</h3>
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="tit">请输入创建人的私钥</div>
                    <div class="con">
                        <input type="text" class="input-inner" />
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 下载KeyStore end -->
    <!-- 删除 -->
    <div class="m-pop" id="pop-shanchu">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>提示</h3>
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="icon_dn el-icon-warning"></div>
                    <div class="desc">
                        <p>此操作将永久删除该数据, 是否继续?</p>
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 删除 end -->
    <!-- 删除2 -->
    <div class="m-pop" id="pop-shanchu2">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>提示</h3>
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="icon_dn el-icon-info"></div>
                    <div class="desc">
                        <p>确定删除选中角色?</p>
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 删除2 end -->
    <!-- 删除3 -->
    <div class="m-pop" id="pop-shanchu3">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <!-- <h3>提示</h3> -->
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="icon_dn el-icon-warning"></div>
                    <div class="desc">
                        <p>确定将选择数据删除?</p>
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 删除3 end -->
    <!-- 删除4 -->
    <div class="m-pop" id="pop-shanchu4">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <!-- <h3>提示</h3> -->
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="icon_dn el-icon-warning"></div>
                    <div class="desc">
                        <p>确定将选择数据删除?</p>
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 删除4 end -->
    <!-- 移至黑名单 -->
    <div class="m-pop" id="pop-yizhiheimingdan">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>提示</h3>
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="icon_dn el-icon-warning"></div>
                    <div class="desc">
                        <p>确定将该用户移至黑名单吗?</p>
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 移至黑名单 end -->
    <!-- 升至管理员 -->
    <div class="m-pop" id="pop-shengzhiguanliyuan">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>提示</h3>
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="icon_dn el-icon-warning"></div>
                    <div class="desc">
                        <p>确定将该用户添加至管理员?</p>
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 升至管理员 end -->
    <!-- 移除管理员 -->
    <div class="m-pop" id="pop-yichuguanliyuan">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>提示</h3>
            </div>
            <div class="win3-bd">
                <div class="win3-item">
                    <div class="icon_dn el-icon-info"></div>
                    <div class="desc">
                        <p>确定移除该用户管理员?</p>
                    </div>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 移除管理员 end -->
    <!-- 重置密码 -->
    <div class="m-pop" id="pop-chongzhimima">
        <div class="win-pop3">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-icon-close"></i>
                    </a>
                </div>
                <h3>请输入接收密码的邮箱</h3>
            </div>
            <div class="win3-bd">
                <div class="form-1 form-4">
                    <form action="">
                        <div class="form-item col-1">
                            <div class="tit"></div>
                            <div class="con">
                                <input type="text" class="input-inner" placeholder="">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="win-bt2">
                <a href="javascript:;" class="js-btn"><span>取消</span></a>
                <a href="" class="primary-btn"><span>确定</span></a>
            </div>
        </div>
    </div>
    <!-- 重置密码 end -->
    <!-- 钱包解锁弹窗 -->
    <div class="m-pop" id="pop-qianbaojiesuo">
        <div class="win-pop2">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-dialog__close el-icon el-icon-close"></i>
                    </a>
                </div>
                <h3>钱包解锁</h3>
            </div>
            <div class="win1-bd">
                <div class="win2-item">
                    <div class="tit">请选择方式：</div>
                    <div class="con">
                        <ul class="radio-group js-custom-radio-checkbox" data-modulename="formrel01">
                            <li data-selectName=".item-select1">
                                <label>
                                    <input type="radio" name="1" checked />
                                    <i class="icon"></i>
                                    <span>BID keystore 文件</span>
                                </label>
                            </li>
                            <li data-selectName=".item-select2">
                                <label>
                                    <input type="radio" name="1" />
                                    <i class="icon"></i>
                                    <span>BID私钥</span>
                                </label>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="win2-item item-select1">
                    <div class="tit">请选择BID Keystore文件</div>
                    <div class="con">
                        <div class="file-upload_box3">
                            <div class="fileUpload-btn3">
                                <label>
                                    <input type="file" class="js-upload">
                                    <span><i class="icon_dn el-icon-upload e-upload"></i>选择文件</span>
                                </label>
                            </div>
                            <ul class="fileUpload-files">
                                <!-- <li>
                                <a href="javascript:;">
                                    <i class="el-icon-document"></i>
                                    <span>5cd67b13-740e-4f77-b950-09e47e60881d (1).json</span>
                                </a>
                                <i class="el-icon-close"></i>
                            </li> -->
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="win2-item col-1 item-select1">
                    <div class="tit">请输入密码：</div>
                    <div class="con">
                        <div class="input-suffix">
                            <input type="password" class="input-inner" placeholder="请输入密码" />
                            <div class="icon">
                                <i class="el-input__icon i-changetype el-icon-view"></i>
                                <i class="el-input__icon el-icon-circle-close"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="win2-item col-1 item-select2">
                    <div class="tit">请输入BID私钥：</div>
                    <div class="con">
                        <div class="input-suffix">
                            <input type="password" class="input-inner" placeholder="请输入BID私钥" />
                            <div class="icon">
                                <i class="el-input__icon i-changetype el-icon-view"></i>
                                <i class="el-input__icon el-icon-circle-close"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="win-bt win-bt_center">
                <a href="javascript:;" class="js-btn"><span>取 消</span></a>
                <a href="" class="primary-btn"><span>确 定</span></a>
            </div>
        </div>
    </div>
    <!-- 钱包解锁弹窗 end -->
    <!-- 显隐 -->
    <div class="m-pop" id="pop-xianyin">
        <div class="win-pop5">
            <div class="win1-hd">
                <div class="win1-btn">
                    <a href="javascript:;" class="close js-close">
                        <i class="el-dialog__close el-icon el-icon-close"></i>
                    </a>
                </div>
                <h3>多 选</h3>
            </div>
            <div class="win1-bd">
                <ul class="checkbox-group2 js-custom-radio-checkbox" data-modulename="formrel01">
                    <li>
                        <label>
                            <input type="checkbox" name="1" checked />
                            <i class="icon"></i>
                            <span>角色名称</span>
                        </label>
                    </li>
                    <li>
                        <label>
                            <input type="checkbox" name="1" />
                            <i class="icon"></i>
                            <span>所属租户</span>
                        </label>
                    </li>
                    <li>
                        <label>
                            <input type="checkbox" name="1" />
                            <i class="icon"></i>
                            <span>角色别名</span>
                        </label>
                    </li>
                    <li>
                        <label>
                            <input type="checkbox" name="1" />
                            <i class="icon"></i>
                            <span>角色排序</span>
                        </label>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 显隐 end -->
    <script src="/js/module.js"></script>
    <script src="/js/common/browser.js"></script>
    <script type="text/javascript">
        var bid = getUrlParam('bid');
        $("#bid").html(bid);
        // 获取交易列表
        function getTradeList(page) {
            $request({
                url: '/api/blade-DWHMonitor/api/brs/tx/listByBid',
                method: 'post',
                data: {
                    bid: bid,
                    current: page || 1,
                    size: 10
                },
                contentType: 'application/x-www-form-urlencoded'
            }, function (res) {
                var records = res.records || []
                var currentPage = res.current
                var currentSize = res.size
                var pageTotal = Math.ceil(res.total / currentSize) || 1;
                // 初始化分页信息
                pageNumInit({
                    pageListEl: 'pageList_trade',
                    currentPage: currentPage,
                    currentSize: currentSize,
                    pageTotal: pageTotal,
                    callback: getTradeList
                });
                // 绑定跳转指定页面事件
                bindPageJumpEvent(
                    'pageJumpInput_trade',
                    'pageJumpBtn_trade',
                    pageTotal,
                    getTradeList
                )
                renderTradeList(records || [])
            })
        }
        // 获取部署的合约列表
        function getDeployedList(page) {
            $request({
                url: '/api/blade-DWHMonitor/api/brs/contract/queryListByBid',
                method: 'post',
                data: {
                    bid: bid,
                    current: page || 1,
                    size: 10
                },
                contentType: 'application/x-www-form-urlencoded'
            }, function (res) {
                var records = res.records || []
                var currentPage = res.current
                var currentSize = res.size
                var pageTotal = Math.ceil(res.total / currentSize) || 1;
                // 初始化分页信息
                pageNumInit({
                    pageListEl: 'pageList_deployed',
                    currentPage: currentPage,
                    currentSize: currentSize,
                    pageTotal: pageTotal,
                    callback: getDeployedList
                });
                // 绑定跳转指定页面事件
                bindPageJumpEvent(
                    'pageJumpInput_deployed',
                    'pageJumpBtn_deployed',
                    pageTotal,
                    getDeployedList
                )
                renderDeployedList(records || [])
            })
        }
        // 获取节点列表
        function getNodeList(page) {
            $request({
                url: '/api/blade-DWHMonitor/api/brs/node/listByBid',
                method: 'post',
                data: {
                    bid: bid,
                   current: page || 1,
                    size: 10
                },
                contentType: 'application/x-www-form-urlencoded'
            }, function (res) {
                var records = res.records || []
                var currentPage = res.current
                var currentSize = res.size
                var pageTotal = Math.ceil(res.total / currentSize) || 1;
                // 初始化分页信息
                pageNumInit({
                    pageListEl: 'pageList_node',
                    currentPage: currentPage,
                    currentSize: currentSize,
                    pageTotal: pageTotal,
                    callback: getNodeList
                });
                // 绑定跳转指定页面事件
                bindPageJumpEvent(
                    'pageJumpInput_node',
                    'pageJumpBtn_node',
                    pageTotal,
                    getNodeList
                )
                renderNodeList(records || [])
            })
        }

        // 获取详情数据
        function getDetailData() {
            $request({
                url: '/api/blade-DWHMonitor/api/brs/bid/queryDetail',
                method: 'post',
                data: { bid: bid },
                contentType: 'application/x-www-form-urlencoded'
            }, function (res) {
                renderDetail(res || {})
            })
        }
        // 渲染详情数据
        function renderDetail(data) {
            var userTypeMap = {
                0: '个人',
                2: '企业'
            }
            $('#bid').html(data.bid)
            $('#name').html(data.name || '未设置')
            $('#userType').html(userTypeMap[data.type] || '未认证')
            // $('#balance').html(data.balance || 0)
            // $('#txCountTotal').html(data.txCountTotal)
            $('#contractCount').html(data.contractCount)
            $('#createTime').html(data.createTime)
            $('#nodeCount').html(data.nodeCount)
            if (data.context) {
                $('#bidContext').html(data.context )
            }
        }
        // 渲染交易列表
        function renderTradeList(data) {
            var tradeTypeMap = {
                1: '普通交易',
                2: '合约交易'
            }
            var temp = '';
            $.each(data, function(i, item){
                temp = temp + '<tr>' +
                    '<td><a href="/browser/deal/detail.html?hash=' + item.hash + '">' + dealData(item.hash) + '</a></td>' +
                    '<td>' + tradeTypeMap[item.transType] + '</td>' +
                    '<td>' + item.blockNumber  + '</td>' +
                    '<td><a href="/browser/bid/detail.html?bid='+ item.sender + '">' + dealData(item.sender) + '</a></td>' +
                    "<td><img src='/images/kxjd_mc.png'/>&nbsp;&nbsp;<a href='/browser/contract/detail.html?address=" + item.recipient + "'>" + dealData(item.recipient) + "</a></td>" +
                    '<td>' + item.amount + '</td>' +
                    '<td>' + item.timestamp + '</td>' +
                    '</tr>'
            })
            if (temp === '') {
                $('#emptyTrade').html('暂无数据')
            } else {
                $('#emptyTrade').empty()
            }
            $('#tradeTbody').empty().append(temp);
        }

        // 渲染部署的合约列表
        function renderDeployedList(data) {
            var temp = ''
            $.each(data, function(index, item){
                temp = temp + '<tr>' +
                    '<td>' + (index + 1) + '</td>' +
                    '<td>' + item.name + '</td>' +
                    '<td><a href="/browser/contract/detail.html?address=' + item.address + '">' + item.address  + '</a></td>' +
                    '<td>' + item.totalCall  + '</td>' +
                    '<td>' + item.createTime  + '</td>' +
                    '</tr>'
            })
            if (temp === '') {
                $('#emptyDeployed').html('暂无数据')
            } else {
                $('#emptyDeployed').empty()
            }
            $('#deployedTbody').empty().append(temp)
        }
        // 渲染节点列表
        function renderNodeList(data) {
            var nodeTypeMap = {
                1: {
                    text: '可信节点',
                    page: 'cantrustNode'
                },
                3: {
                    text: '共识节点',
                    page: 'consensusNode'
                }
            }
            var temp = ''
            $.each(data, function(index, item){
                temp = temp + '<tr>' +
                    '<td>'+ index + 1 + '</td>' +
                    '<td>' + item.name + '</td>' +
                    '<td><a href="/browser/' +  nodeTypeMap[item.nodeType].page + '/detail.html?bid=' + item.bid + '">' + item.bid + '</a></td>' +
                    '<td>' + (nodeTypeMap[item.nodeType].text || '') + '</td>' +
                    '<td>' + item.region + '</td>' +
                    '<td>' + item.createTime + '</td>' +
                    '</tr>'
            })
            if (temp === '') {
                $('#emptyNode').html('暂无数据')
            } else {
                $('#emptyNode').empty()
            }
            $('#nodeTbody').empty().append(temp)
        }

        // 绑定nav搜索事件
        function bindNavSerachEvent() {
            $('#navSearchBtn').click(function(e) {
                e.preventDefault()
                var val = $('#navSearchKey').val()
                if (!val) {
                    return
                }
                $request({
                    url: '/api/blade-DWHMonitor/api/brs/summary/searchByKey',
                    method: 'post',
                    data: { key: val },
                    contentType: 'application/x-www-form-urlencoded;charset=UTF-8'
                }, function (res) {
                    navSearchSuccessEvent('searchLink', res, val)
                })
            }) 
        }
      
        function init() {
            getDetailData();
            getTradeList(1);
            getDeployedList();
            getNodeList();
            bindNavSerachEvent();
        }
        init();
        dealInputPlaceholder();
        function copy(){
            window.clipboardData.setData('text', $("#bid").html());
            alert('复制成功');
        }
    </script>
</body>
</html>